<script setup>
import { getUserinfoServer } from '@/api/user.js'
import useUserInfo from '@/stores/userinfo.js'
import router from '@/router'

const useuserinfo = useUserInfo();
const getUserinfo = async()=>{
    let result = await getUserinfoServer();
    useuserinfo.setInfo(result.data);
}
getUserinfo();

router.beforeEach((to, from, next) => {
  const roles = to.meta.roles 
  const role = useuserinfo.info.ruler; // 获取用户角色信息
  if (roles && roles.indexOf(role) === -1) {
    // 用户没有该路由需要的角色，禁止访问
    next('/403')
  } else {
    // 用户具有该路由需要的角色，可以访问
    next()
  }
})
</script>

<template>
    <router-view></router-view>
</template>

<style scoped>
</style>
